<%-- 
    Document   : download
    Created on : 08 Des 11, 10:43:50
    Author     : Agus
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="e" %>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>List of Events</title>
        <style type="text/css">
            @import url("layout.css");
            @import url("forms.css");
        </style>
        <script type="text/javascript" src="jqueryui/js/jquery-1.3.2.min.js"></script>
        <script type="text/javascript" src="jqueryui/development-bundle/ui/ui.core.js"></script>
        <script type="text/javascript" src="jqueryui/development-bundle/ui/effects.core.js"></script>
        <script type="text/javascript" src="jqueryui/development-bundle/ui/effects.highlight.js"></script>
        <script type="text/javascript" src="jqueryui/development-bundle/ui/ui.tabs.js"></script>

        <script type="text/javascript">
            $(function() {
                $("#tabs").tabs({
                    event: 'mouseover'
                });
            });

            $(function() {
                //run the currently selected effect
                function runEffect(){
                    //get effect type from
                    var selectedEffect = $('#highlight').val();
                    //most effect types need no options passed by default
                    var options = {};
                    //check if it's scale, transfer, or size - they need options explicitly set
                    if(selectedEffect == 'scale'){  options = {percent: 0}; }
                    else if(selectedEffect == 'size'){ options = { to: {width: 200,height: 60} }; }

                    //run the effect
                    $("#searchdiv").toggle(selectedEffect,options,500);
                };

                //set effect from select menu value
                $("#searchnow").click(function() {
                    runEffect();
                    return false;
                });

            });

        </script>

        <link href="css/ajaxui.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <div id="wrap">
            <div id="topbar">
                <ul>    
                    <li><a href="account?page=home">Home</a></li>
                    <li><a href="account?page=profile">Profile</a></li>
                    <li class="current"><a href="event?page=list">My Events</a></li>
                    <li><a href="#">Contact us</a></li>
                    <li><a href="account?page=logout">Log Out</a></li>
                </ul>
            </div>
            <div id="header">
                <div id="sitename">
                    <h1 id="logo">O-nick</h1>
                </div>
                <div id="shoutout"><img src="images1/joinnow_shoutout.jpg" alt="Join Now! It's Free" width="168" height="126" /></div>
            </div>
            <div id="content">

                <div id="topcategorieslink" class="clear">
                     <ul>
                        
                        <li><a href="account?page=profile">Back to Profile</a> </li>

                        <li><a href="event?page=add">Create Event</a> </li>

                    </ul></div>
        <div id="main">
                <h1>List of Events </h1>
                <ul class="listing">
                    <e:forEach items="${events}" var="ev">

                        <li>
                            <div class="listinfo">
                                <img src="${ev.gambar}" height="50" width="50" />
                                <h3>${ev.namaEvent}</h3>
                                <span class="price">${ev.hargaTiket}</span>
                                <h4>${ev.deskripsi}</h4>
                            </div>
                            <div class="listingbtns">
                                    <span class="listbuttons">
                                    <a href="event?page=show&&idEvent=${ev.idEvent}">View Details</a></span>
                                    <span class="listbuttons">
                                    <a href="event?page=list&&idEvent=${ev.idEvent}" onclick="return confirm('Are you sure?')">Delete</a></span>
                            </div>
                            <div class="clear">&nbsp;</div>
                        </li>
                    </e:forEach>
                </ul>
            </div>

            </body>
        
    </body>
</html>
